@import "base.less";

body,
html {
  height: 100%;
}
.search {
  .flex;
  span {
    font-size: 5.4vw;
    margin-left: 1.0667vw;
    color: #505050;
  }
}
.listCont {
  height: 100%;
  background-color: #efefef;
  .listContTop {
    position: sticky;
    top: 0;
    padding: 2.6667vw 0;
    font-size: 3.7333vw;
    background: #fff;
    color: #000;
    z-index: 99;
    ul {
      .flex;
      li {
        width: 33.3333%;
        text-align: center;
        &:last-of-type {
          padding-right: 5.3333vw;
          position: relative;
          p {
            position: absolute;
            top: calc(50% - 3.4667vw);
            right: 10.6667vw;
            i {
              font-size: 3.2vw;
              display: block;
            }
          }
        }
        &.cur {
          a {
            color: #f03c3c;
          }
        }
        i.cur {
          color: #f03c3c;
        }
      }
    }
  }
  .listDetail {
    .noData {
      height: 100%;
      display: none;
      margin-top: 45.3333vw;
      text-align: center;
      .iconfont {
        font-size: 8vw;
        color: #999;
      }
      p {
        margin-top: 2.6667vw;
        font-size: 2.4vw;
        color: #999;
      }
    }
    ul {
      border-top: 1px solid #efefef;
      background-color: #efefef;
      li {
        padding: 10px;
        margin-bottom: 1.6vw;
        background-color: #fff;
        a {
          .flex();
          img {
            width: 32vw;
          }
          .goodCont {
            width: 60%;
            h3 {
              margin-top: 2.6667vw;
              min-height: 9.0667vw;
              line-height: 1.3;
              white-space: normal;
              color: #484848;
              font-size: 3.4667vw;
              font-weight: normal;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
            }
            .selled {
              color: #999;
              font-size: 3.2vw;
              margin: 1.0667vw 0;
            }
            .price {
              margin-right: 2.1333vw;
              color: #f03c3c;
              font-size: 4vw;
              span {
                color: #999;
                text-decoration: line-through;
              }
            }
          }
        }
      }
      &.cur {
        padding: 1% 0;
        .flex;
        justify-content: space-around;
        li {
          width: 48%;
          padding: 1%;
          a {
            img {
              width: 100%;
            }
            display: block;
            .goodCont {
              width: 100%;
            }
          }
        }
      }
    }
  }
}
